import { createApp } from 'vue'
import App from './App.vue'
//引用element-plus插件与样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

//引入自定义插件对象:注册整个项目全局组件
import gloaComponent from '@/components'

//引入模板的全局样式
import '@/styles/index.scss'

//引入仓库
import pinia from './store'

//配置element-plus国际化
// @ts-expect-error
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
//获取应用实例对象
const app = createApp(App)
//安装element-plus
app.use(ElementPlus, {
  locale: zhCn, //element-plus国际化配置
})

//暗黑模式需要的样式
import 'element-plus/theme-chalk/dark/css-vars.css' 

//引入路由
import router from './router'

//引入路由鉴权文件
import './permisstion'
//svg插件需要配置代码
import 'virtual:svg-icons-register'

// //把自定义的icon组件定义成全局组件
// import SvgIcon from '@/components/SvgIcon/index.vue'
// app.component('SvgIcon',SvgIcon);

//安装自定义插件
app.use(gloaComponent)
//注册模板路由
app.use(router)
//安装仓库pinia
app.use(pinia)
//将应用挂载到挂载点上

// console.log(import.meta.env);
app.mount('#app')
